﻿        *{ margin: 0; padding: 0;}
        
        html, body{line-height:20px; color:#006;/*006 006 A0496C;*/ font: 12px Verdana, Serif; background: url('../images/fontend/bg-site.png') no-repeat center top fixed #ffffff; width:100%; -moz-border-radius: 3px; border-radius: 3px;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
        
        .view-all{color:#fff; text-decoration:none;}
        .wrapper{width:100%; overflow:hidden;}
/*************HEADER****************/
        .site{ width:1000px;}
        .page-header{width: 100%; margin: -19px auto 5px auto; text-align: justify; -moz-border-radius: 3px; border-radius: 3px; background:url(../images/fontend/bg-header.png); margin: 0px 0 5px 0px; height:206px;}
        .page-menu{width:100%; font-weight:bold; text-transform:uppercase; padding-bottom:30px;}
        
/*************CONTENT****************/
        .page-site{width: 100%; background: #fff;  margin: 0px auto 0 auto; text-align: justify; -moz-border-radius: 8px; border-radius: 8px;}
        
        /****TAG*****/
        .news-more{margin:-2px 15px 5px 15px; padding-left:12px;}
        #icon-news-more{background-image:url('../images/fontend/icon-news-more.png');float:left; background-repeat:no-repeat;}
        .news-title{font-weight:bold; margin:5px 0 0 15px; padding-left:22px;}
        #icon-news-title{background-image:url('../images/fontend/icon-news-title.png'); background-repeat:no-repeat;}
        .bg-news-more{background-image:url('../images/fontend/bg-news-more.png'); background-repeat:no-repeat; padding:7px; margin: 5px; color:White; font-weight:bold; font-size:16px; float:left; width:678px; background-repeat:no-repeat;}
       
       /********ARTICLES*********/
        .commingsoon{text-align:center;padding:15px 25px;}
       
        .h1_red{color:#f00;}
        .h1_green{color:#0c0;}
        .h1_cyan{color:#0cf;}
        .h1_orange{color:#f60;}
        .h1_pink{color:#f0c;}
        .h1_purple{color:#a0f;}
        .h1_blue{color:#03c;}
       
        .articles{margin: 10px 10px 10px 0; padding: 0px 10px; cursor: pointer; display:table; border-bottom:1px solid #ccc; width:675px;}
        .articles a{text-decoration:none;}
        .articles:hover{background: whitesmoke; margin:10px 0 10px 0;}
        .articles:hover img{background: whitesmoke; margin:0px 5px 0 0px;}
        .articles img{max-width: 171px; height: 128px; float: left; border: 6px solid transparent;/*7DF;*/ margin: 0 5px 0 0px;background:#fff;}
        .articles h1{margin:5px 0 0 5px; font-weight: bolder; font-size: 15.5px;/* color: #0c0; text-shadow: 1px 2px 5px #BDBDBD;*/}
        .articles h2{font-size: 11px; font-style:italic; font-weight:normal;margin: 5px 10px 0 0;padding: 5px 0;border-bottom: 1px solid #CCC;}
        .articles p{margin:5px 0 10px 5px; padding-right:10px; display:block; text-align:justify; color:#006;}
        .postnews{color:#339933; background:url(../images/fontend/icon-post.png) no-repeat left center; padding:3px 3px 3px 19px;}
        .view{color:#cccc33; background:url(../images/fontend/icon-view.png) no-repeat left center; padding:3px 3px 3px 18px; margin:0 10px;}
        .comment{color:#66ccff; background:url(../images/fontend/icon-comment.png) no-repeat left center; padding:3px 3px 3px 20px; margin-right:10px;}
        .rate{color:#ffcc00; background:url(../images/fontend/icon-rate.png) no-repeat left center; padding:3px 3px 3px 21px; margin:0;}
         
         /********RATING********/
        .ratingblock {float:left;display:block;padding:0px;margin:0px;}
        .loading {height: 24px;background: url('../images/fontend/loading.gif') 50% 50% no-repeat;}
        .unit-rating { /* the UL */display:inline-block;list-style:none;margin: 0px 0 -4px 0;padding:0px;height: 16px;position: relative;background: url('../images/fontend/stars.png') top left repeat-x;}
        .unit-rating li{text-indent: -9000px;padding:0px;margin:0px;float: left;}
        .unit-rating li a {outline: none;display:block;width:16px;height: 16px;text-decoration: none;text-indent: -9000px;z-index: 10;position: absolute;padding: 0px;}
        .unit-rating li a:hover{background: url('../images/fontend/stars.png') left center;z-index: 2;left: 0px;}

        .unit-rating a.r1-unit{left: 0px;}
        .unit-rating a.r1-unit:hover{width:16px;}

        .unit-rating a.r2-unit{left:16px;}
        .unit-rating a.r2-unit:hover{width: 32px;}
        .unit-rating a.r2-unit:click{width:32px;}

        .unit-rating a.r3-unit{left: 32px;}
        .unit-rating a.r3-unit:hover{width: 48px;}

        .unit-rating a.r4-unit{left: 48px;}
        .unit-rating a.r4-unit:hover{width: 64px;}

        .unit-rating a.r5-unit{left: 64px;}
        .unit-rating a.r5-unit:hover{width: 80px;}

        .unit-rating a.r6-unit{left: 80px;}
        .unit-rating a.r6-unit:hover{width: 96px;}

        .unit-rating a.r7-unit{left: 96px;}
        .unit-rating a.r7-unit:hover{width: 112px;}

        .unit-rating a.r8-unit{left: 112px;}
        .unit-rating a.r8-unit:hover{width: 128px;}

        .unit-rating a.r9-unit{left: 128px;}
        .unit-rating a.r9-unit:hover{width: 144px;}

        .unit-rating a.r10-unit{left: 144px;}
        .unit-rating a.r10-unit:hover{width: 160px;}

        .unit-rating li.current-rating {background: url('../images/fontend/stars.png') left bottom;height: 16px;display: block;text-indent: -9000px;z-index: 1;}

        .voted {color:#999;}
        .thanks {color:#36AA3D;}
        .static {color:#5D3126;}
       
        /****************/
        .articlescontent{margin-top:6px;}
        .articlescontent .underline{border-bottom: 1px solid #B6BFD0; width:100%; padding-bottom:5px;}
        .articlescontent table{border:0; width:100%;}
        .articlescontent h2{margin-top:10px; font-size: 11px; font-style:italic; font-weight:normal;}
        .articlescontent p{margin:5px 0 0 0;padding:10px 30px 0; text-align: justify;}
        .articlescontent center>p{text-align:center;}
        
        /*.articlemore{border-bottom:1px solid #ccc;}*
        .articlemore .h1_green{color:#0c0;}
        .articlemore .h1_cyan{color:#0cf;}
        .articlemore .h1_orange{color:#f60;}
        .articlemore .h1_pink{color:#f0c;}
        .articlemore .h1_purple{color:#a0f;}
        .articlemore .h1_blue{color:#03c;}*/
        .articlemore h1{border-bottom:1px solid #ccc; font-size: 15.5px; font-weight: bolder; padding: 25px 0 5px 20px; margin-bottom:10px;/* text-shadow: 1px 2px 5px #CCCCCC;*/}
        .articlemore p{ display:block; padding:0 20px;}
        .articlemore a{display:block; background:transparent url('../images/fontend/icon-bullet-grey.png') no-repeat left 5px; text-decoration:none; color:#006; padding: 0 12px; line-height: 20px; margin: 0 20px;}
        .articlemore a:hover{background:transparent url('../images/fontend/icon-bullet-blue.png') no-repeat left 5px; text-decoration:none; color:#006; padding: 0 12px; line-height: 20px;}
        .articlemore a span{font-style: italic; font-size: 11px; color: #cc0000;}
        .articlemore a.buttons{border: 1px solid #090; -moz-border-radius: 3px; border-radius: 3px; background: #090; color: #fff; height: 18px;margin:8px 0 0 0; padding: 3px 6px 1px 6px; float:right; line-height:normal;}
        .articlemore-link:hover{background-color:whitesmoke; margin: 0 0px;}
        
        .articlecomment{display:block; width:650px; margin: 0 auto;text-align: right;}
        .articlecomment textarea{background: #ffffff url("../images/fontend/bg_ip.png") repeat-x;width:620px; min-height:50px;
	        padding: 15px;font-size: 12px;color: #000000;font-family:inherit;font-weight: bold;margin: 0;border: 1px solid #c0c0c0;}
        .articlecomment .buttons{border: 1px solid #090; -moz-border-radius: 3px; border-radius: 3px; background-color: #090; color: #fff; height: 22px; padding: 0px 6px 2px 6px; margin-top:8px;}
        
        .commentdetail{width:650px;display: inline-block;margin: 15px 22px;}
        .commentdetail img{width:78px; height:78px; border-radius: 4px; margin: 0px 0px 0 0px; padding: 2px; border: 1px solid #0CF; float:left;}
        .commentdetail .arrow {position: absolute;margin: 10px 0 0 -1px;width: 0px;height: 0px;line-height: 0px;border: 10px solid transparent;border-left-color: #0cf;border-right: none;}
        .commentdetail .arrow span {position: absolute;top: -10px;left: -11px;display: block;width: 0px;height: 0px;line-height: 0px;border: 10px solid transparent;border-left-color: #fff;border-right: none;}
        .commentdetail .blockcontent{float: right;border-radius: 4px;border: 1px solid #0CF;width: 510px;padding: 5px 20px;}
        .commentdetail .blockcontent .content{padding: 10px 0 11px;line-height: 22px;}
        .commentdetail .blockcontent .textarea{line-height: 22px;border: 0;background: transparent;color: #006;width: 100%;font: normal 12px/22px Verdana, Verdana, Serif; padding: 10px 0 0 13px; margin: -10px 0 0 -13px;min-height:150px;}
        .commentdetail .blockcontent .info{border-top:1px solid #0CF; padding:5px 0;margin:2px 0;}
        .commentdetail .blockcontent .info_fl{float:left; margin:4px 0;}
        .commentdetail .blockcontent .info_fr{float:right;}
        .commentdetail .blockcontent a{color:#0c0; text-decoration:underline;}
        .commentdetail .blockcontent a:hover{color:#0c0; text-decoration:none;}
        .commentdetail .blockcontent a.buttonlink{border: 1px solid #090;-moz-border-radius: 3px;border-radius: 3px;background-color: #090;color: white;height: 18px;padding: 2px 6px 0px 6px;float: right;text-decoration: none;margin: 0 0 0 10px;}
        .commentdetail .buttoncomment{border: 1px solid #090; -moz-border-radius: 3px; border-radius: 3px; background-color: #090; color: #fff; height: 22px; padding: 0px 6px 2px 6px; float:right;}
        
       /****************/
        .ctrl-select{width:270px;height:20px;margin:8px 10px;}
        .tables{margin:10px 0; border:0;}
        .borders{-moz-border-radius: 8px; border-radius: 8px; border: #23bffd 1px solid;}
        h1{font-size: 10pt; font-weight:normal;}        
        h2{margin:0 15px; /*padding:10px auto;*/ font-size: 12px;}
        h3{margin:0 15px; /*padding-top:10px;*/ font-size: 11pt;}
        p{font: 12px Verdana, Serif;line-height:20px; /*text-indent: 40px;*/ padding-top:2px;}
        br{line-height:5px;}
        
       /*************CONTENT LEFT****************/
        .page-content-left{background-color:#fff; width: 695px;min-height:1045px; margin: -25px auto 0 auto; padding:10px 0; float:left; text-align: justify; -moz-border-radius: 8px; border: #23bffd 1px solid; border-radius: 8px;}
        .page-content-left a:hover{text-shadow: 1px 2px 5px #bdbdbd;}/*888*/
        .page-content-left .red {display:block; color:#f00; background:url('../images/fontend/icon-school.png') no-repeat; min-height:35px;padding: 10px 20px 5px 60px;margin: 5px 15px 0px 15px;border: 1px solid;font-size: 15.5px;font-weight: bolder;border-width: 0 0 1px 0;}
        .page-content-left .red a{color:#f00; text-decoration:none;}
        .page-content-left .red a + a{color:#f00; text-decoration:none;}
        .page-content-left .green {display:block; color:#0c0; background:url('../images/fontend/icon-school.png') no-repeat; min-height:35px; line-height:25px;padding: 10px 20px 5px 60px;margin: 5px 15px 0px 15px;border: 1px solid;font-size: 15.5px;font-weight: bolder;border-width: 0 0 1px 0;}
        .page-content-left .green a{color:#f00; text-decoration:none;}
        .page-content-left .green a + a{color:#0c0; text-decoration:none;}
        .page-content-left .cyan {display:block; color:#0cf; background:url('../images/fontend/icon-school.png') no-repeat; min-height:35px; line-height:25px;padding: 10px 20px 5px 60px;margin: 5px 15px 0px 15px;border: 1px solid;font-size: 15.5px;font-weight: bolder;border-width: 0 0 1px 0;}
        .page-content-left .cyan a{color:#f00; text-decoration:none;}
        .page-content-left .cyan a + a{color:#0cf; text-decoration:none;}
        .page-content-left .orange {display:block; color:#f60; background:url('../images/fontend/icon-school.png') no-repeat; min-height:35px; line-height:25px;padding: 10px 20px 5px 60px;margin: 5px 15px 0px 15px;border: 1px solid;font-size: 15.5px;font-weight: bolder;border-width: 0 0 1px 0;}
        .page-content-left .orange a{color:#f00; text-decoration:none;}
        .page-content-left .orange a + a{color:#f60; text-decoration:none;}
        .page-content-left .pink {display:block; color:#f0c; background:url('../images/fontend/icon-school.png') no-repeat; min-height:35px; line-height:25px;padding: 10px 20px 5px 60px;margin: 5px 15px 0px 15px;border: 1px solid;font-size: 15.5px;font-weight: bolder;border-width: 0 0 1px 0;}
        .page-content-left .pink a{color:#f00; text-decoration:none;}
        .page-content-left .pink a + a{color:#f0c; text-decoration:none;}
        .page-content-left .purple {display:block; color:#a0f; background:url('../images/fontend/icon-school.png') no-repeat; min-height:35px; line-height:25px;padding: 10px 20px 5px 60px;margin: 5px 15px 0px 15px;border: 1px solid;font-size: 15.5px;font-weight: bolder;border-width: 0 0 1px 0;}
        .page-content-left .purple a{color:#f00; text-decoration:none;}
        .page-content-left .purple a + a{color:#a0f; text-decoration:none;}
        .page-content-left .blue {display:block; color:#03c; background:url('../images/fontend/icon-school.png') no-repeat; min-height:35px; line-height:25px;padding: 10px 20px 5px 60px;margin: 5px 15px 0px 15px;border: 1px solid;font-size: 15.5px;font-weight: bolder;border-width: 0 0 1px 0;}
        .page-content-left .blue a{color:#f00; text-decoration:none;}
        .page-content-left .blue a + a{color:#03c; text-decoration:none;}
        
        .page-content-left #searchresult{margin:17px 0 0 0;}
        
        /*************CONTENT RIGHT****************/
        .page-content-right{background:transparent; width: 290px; float:right;}
        
        /****GOOGLE SEARCH****/
        .googlesearch{z-index:-1; padding-top:30px;}
        
        /*******LOGIN*********/
        .logins{background-color:#fff; width: 290px; margin:7px auto -20px auto; float:right; -moz-border-radius: 8px; border-radius: 8px; border:1px solid #23bffd;}
        .logins p{line-height:19px;}
        .logins img{border-radius:12px 0 0 12px;}
        .logins .styles{display: none; text-align: left; padding: 0 0 10px 55px;}
        .logins a{text-decoration: none; border: 0; color:#0c0;}
        .logins h1{padding: 7px 0 20px 0; color:#0c0; font-size: 15px; font-weight: bolder; text-shadow: 1px 2px 5px #ccc;}
        .logins .buttons{border: 1px solid #090; -moz-border-radius: 3px; border-radius: 3px; background-color: #090; color: #fff; height: 22px; padding: 0px 6px 2px 6px; margin-top:8px;}
        .logins .texts{width: 170px;}
        .logins .img80x80{height:80px;width:80px; margin: 0px 6px 0px 0px; padding: 2px; border-right: 1px solid #0CF; float:left;}
        .logins .imglogin{border: 0; margin:0px 1px -14px 60px;}
        /*.logins .captcha .textcaptcha{width:70px; margin-right:7px;}
        .logins .captcha .imgcaptcha{width:70px; border:none; margin: 0 0 -5px 0;}
        .logins .captcha .imgrefresh{margin: 0 0 -5px 0; border:none;}*/
        
        .logins .loginsuccess {text-align:left;}
        .logins .loginsuccess .messagesleft{float:left; width:95px;}
        .logins .loginsuccess .messagesleft a{text-decoration:none; color:#006;}
        .logins .loginsuccess .messagesleft a:hover{text-decoration:underline;}
        .logins .loginsuccess .messagesright{float:left;width:100px;}
        .logins .loginsuccess .messagesright .logout{float:right;margin-top:-17px;}
        .logins #loginsuccess a:hover{text-decoration:underline;}
        
        .accounts ul{list-style:none; padding: 0 20px; margin:0;}
        .accounts ul li{float: left;padding:10px;background: white;border: 1px solid #0CF; border-left: none;}
        .accounts ul li:first-child{border-left:1px solid #0cf;}
        .accounts ul li:hover{background:#0cf; color:#fff;}
        .accounts ul li.active{background:#0cf; color:#fff;}
        .accounts ul li a{text-decoration:none; color:#006;}  
        .accounts ul li a:hover{color:#fff;} 
    
        .accounts .block-content .arrow {position: absolute;margin: 10px 0 0 -1px;width: 0px;height: 0px;line-height: 0px;border: 10px solid transparent;border-left-color: #0cf;border-right: none;}
        .accounts .block-content .arrow span {position: absolute;top: -10px;left: -11px;display: block;width: 0px;height: 0px;line-height: 0px;border: 10px solid transparent;border-left-color: #fff;border-right: none;}
        .accounts .block-content .img80x80{height:78px;width:78px; border-radius: 4px; margin: 0px 0px 0 0px; padding: 2px; border: 1px solid #0CF; float:left;}
        .accounts .block-content .buttonstxt{border: none;color: #006;padding: 35px 0 0 13px;margin: -20px 0 0 -1px;float: left;width: 220px;height: 50px;background: url(../images/fontend/bullet-text.png) left no-repeat;}
        .accounts .block-content .buttonstxt>a{color:#006;text-decoration:none;}
        .accounts .block-content .buttonsimg{background:transparent; border:none; float:left;}
        .accounts .block-content .warningred>a{color:red;text-decoration:none;vertical-align:top;}
        .accounts .block-content .kidlist-left{float:left; width:50%;margin: 0 0 10px 2px;}
        .accounts .block-content .kidlist-right{float:right; width:50%;margin: 0 -5px 10px 0;}
        
        .accounts .block-content .blockform{width:100%; margin:0px 0 25px; padding:0;}
        .accounts .block-content .blockform h1.send-conversation{background:url(../images/fontend/icon-conversation-add.png) left no-repeat; margin:0 0 3px 0; padding: 8px 0 9px 34px; vertical-align:middle;}
        .accounts .block-content .blocktable h1.list-conversation{background:url(../images/fontend/icon-conversation-list.png) left no-repeat; margin:0 0 3px 0; padding: 6px 0 7px 34px; vertical-align:middle;}
        
        .accounts .block-content .blockform h1.send-warning{background:url(../images/fontend/icon-warning-add.png) left no-repeat; margin:0 0 3px 0; padding: 8px 0 8px 34px; vertical-align:middle;}
        .accounts .block-content .blocktable h1.list-wraning{background:url(../images/fontend/icon-warning-list.png) left no-repeat; margin:0 0 3px 0; padding: 7px 0 7px 34px; vertical-align:middle;}
        
        .accounts .block-content{display: inline-block; width: 655px;border-top: 1px solid #0CF;margin: -1px 0px 0 0px; padding:15px 20px;}
        .accounts .block-content .detailscomment{margin:0 0 0 -20px;}
        .accounts .block-content .blocktable{width:100%; margin:0px 0 25px; padding:0;}
        .accounts .block-content p{line-height:25px;}
        .accounts .block-content .avatar{float:left; width:145px;}
        .accounts .block-content .avatar img{height:120px; width:120px; border-radius:4px; margin:5px 10px 0 5px; padding:0px; border:1px solid #0cf;}
        .accounts .block-content .left{float:left; width:160px;}
        .accounts .block-content .right{float:left; width:350px;}
        .textbox{border:0; background:transparent; color:#006; width:337px; font:normal 12px Verdana, Verdana, Serif;}
        .textboxedit{border:0; background:transparent; color:#006; width:337px; font:normal 12px Verdana, Verdana, Serif;border-bottom:1px dotted #ccc;}
        .upc{text-transform:uppercase;}
        .accounts .buttons{border: 1px solid #090; -moz-border-radius: 3px; border-radius: 3px; background-color: #090; color: #fff; height: 22px; padding: 2px 6px 2px 6px;margin: 8px 3px 0 10px;float: right;}
        
        .accounts .login-name{display:inline-block;padding-top: 2px;}
        .accounts .login-name-left{float:left; background: url(../images/fontend/bg-sign-left.png) left no-repeat transparent;margin: 0 0 0 -4px;height: 30px; width:25px;}
        .accounts .login-name-middle{float:left; background:url(../images/fontend/bg-sign-middle.png) repeat-x; margin: 0px 0 10px 0;padding: 7px 13px 7px 5px; color:Yellow; font: 600 16px/17px Arial, Helvetica, sans-serif; text-transform:uppercase;}
        .accounts .login-name-right{float:left; background:url(../images/fontend/bg-sign-right.png) left no-repeat transparent;height: 30px; width:24px;}
        
        .accounts input[type=file]{	background: #ffffff url("../images/fontend/bg_ip.png") repeat-x; width:500px;
	        padding: 3px 2px;font-size: 12px; color: #000000;font-weight: bold; margin: 5px 0 0 0;border: 1px solid #c0c0c0;}
	    .accounts textarea{background: #ffffff url("../images/fontend/bg_ip.png") repeat-x;width:620px;min-height:50px;
	        padding: 15px;font-size: 12px;color: #000000;font-family:inherit;font-weight: bold;margin: 0;border: 1px solid #c0c0c0;}
	    .accounts .textareanone{background:#FFFFFF;border:none;color: #000066; font:normal 12px/21px inherit;margin: 0;min-height: 50px;padding: 15px;width: 300px;}
        
        /*********POPUP BOX **********/
        #popup,#popup2,.bMulti{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;
                       color:#111;display:none;min-width:450px;padding:25px}
        #popup,.bMulti{min-height:250px}
        #popup .logo{color:#2B91AF;font: bold 325% 'Petrona',sans}

        .button{background-color:#2b91af;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);
            color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none}
        .button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px}
        .button:hover{background-color:#1e1e1e}
        .button>span{font-size:84%}
        .button.bClose{border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% sans-serif;
               padding:0 6px 2px;position:absolute;right:-7px;top:-7px}
        
        /**********SUB MENU**********/
        .submenu{background-color:#fff; width: 290px; margin: 30px auto -20px auto; float:right; text-align: center; -moz-border-radius: 8px; border-radius: 8px; border:1px solid #23bffd;}
        .submenu .bg-titles{padding:7px; margin:0; font-weight:bold; font-size:16px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); color:#fff;  background:#0cf; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; -moz-border-radius: 5px; border-radius: 5px;}
        .submenu .div-link{padding:3px 5px; text-align:left;}
        .submenu .link a{background:url('../images/fontend/icon-link-next.png') no-repeat left 1px; padding:0 0 0 18px; text-decoration:none; color:#006; line-height:20px;}
        .submenu .link a:hover{background:whitesmoke url('../images/fontend/icon-link-next-hover.png') no-repeat left 1px; padding:0 0 0 18px; text-decoration:none; color:#006; line-height:20px;}
        .submenu .link:hover{background:whitesmoke; padding:0 0 0 0px;}

        /******CHANGE PASSWORD*******
        .changepassword{margin:20px auto 10px 80px;}
        .changepassword p{line-height:27px;}
        .changepassword .left{float:left; text-align:right; width:160px;}
        .changepassword .right{float:left; width:350px;}
        .changepassword .buttons{border: 1px solid #090; -moz-border-radius: 3px; border-radius: 3px; background-color: #090; color: #fff; height: 22px; padding: 2px 6px 2px 6px; margin-top:8px;}
        .changepassword .btn-right{float:right; padding-right:37px;}
        
        /******BLOCK BOX*******/        
        .block{background:#ffffff; width: 290px; margin: 30px auto 0px auto; padding: 5px 0 0 0; float:right; text-align: justify; -moz-border-radius: 8px; border-radius: 8px; border:1px solid #23bffd;}
        
        /*****GREEN******/
        .bg-titles-green{ padding:7px; margin:0 5px; color:#fff; font-weight:bold; font-size:16px; background:#0f0; -moz-border-radius: 5px; border-radius: 5px;}
        .bg-more-green{padding:7px; margin:3px 5px 1px; color:White; font-weight:bold; font-size:16px; background:url('../images/fontend/bg-more-green.png') no-repeat;}
        .div-green{display:block; margin:-10px 5px; border-left:1px solid #0f0; border-right:1px solid #0f0; padding:11px 1px 1px 1px;}
        .div-green p{padding:0px 15px;}
        .div-green p:last-child {padding: 0px 15px 2px;}
        .div-green .list-news{display: table; margin: 0 5px 0 3px; border-bottom: 1px dashed #0f0; padding: 0 0 5px 0; line-height: 20px; width:266px;}
        .div-green .list-news:hover{background:whitesmoke;}
        .div-green .list-news a{text-decoration:none; color:#006;}
        .div-green .list-news img{float: left; width: 80px; height: 60px; margin: 5px 10px 0 0; border: #84c500 1px solid; word-wrap:break-word;}
        .div-green .list-news .postdate{font-style: italic; font-size: 11px; color: #cc0000; display:block;}
    
         /*****CYAN******/   
        .bg-titles-cyan{padding:7px; margin:0 5px; color:White; font-weight:bold; font-size:16px; background:#0cf; -moz-border-radius: 5px; border-radius: 5px;}
        .bg-more-cyan{padding:7px; margin:-5px 5px 0px 5px; color:White; font-weight:bold; font-size:16px; background:url('../images/fontend/bg-more-blue.png') no-repeat;}
        .div-cyan{margin:-3px 5px; border-left:1px solid #0cf; border-right:1px solid #0cf; padding:7px 5px;}
        .div-cyan a{background:url('../images/fontend/icon-link-next.png') no-repeat left 1px; padding:0 0 0 18px; text-decoration:none; color:#006; line-height:20px;}
        .div-cyan a:hover{background:whitesmoke url('../images/fontend/icon-link-next-hover.png') no-repeat left 1px; padding:0 0 0 18px; text-decoration:none; color:#006; line-height:20px;}
        .link-cyan:hover{background:whitesmoke; padding:0 0 0 0px;}

        /******PINK*******/   
        .bg-titles-pink{padding:7px; margin: 0 5px; color:White; font-weight:bold; font-size:16px; background:#f0c; -moz-border-radius: 5px; border-radius: 5px;}
        .bg-more-pink{padding:3px 7px 7px 7px; margin: -5px 5px 3px 5px; color:White; font-weight:bold; font-size:16px; background:url('../images/fontend/bg-more-pink.png') no-repeat; text-align:right;}
        .div-pink{margin:-3px 5px; border-left:1px solid #f0c; border-right:1px solid #f0c; padding:4px 0px 0px 3px; }
        /*.bg-more-pink a{text-decoration:none; font-size:14px; color:#fff;}
        .bg-more-pink a:hover{color:#fff; text-decoration:underline;}*/
        .div-pink .list-news{display: table; margin: 0 5px 0 3px; border-bottom: 1px dashed #f0c; padding: 0 0 5px 0; line-height: 20px; width:266px;}
        .div-pink .list-news:hover{background:whitesmoke;}
        .div-pink .list-news a{text-decoration:none; color:#006;}
        .div-pink .list-news img{float: left; max-width: 80px; height: 60px; margin: 5px 10px 0 0; border:#f0c 1px solid; word-wrap:break-word;}
        .div-pink .list-news .postdate{font-style: italic; font-size: 11px; color: #cc0000; display:block;}
        
        /******PURPLE*******/   
        .bg-titles-purple{padding:7px; margin: 0 5px; color:White; font-weight:bold; font-size:16px; background:#a0f; -moz-border-radius: 5px; border-radius: 5px;}
        .bg-more-purple{padding:3px 7px 7px 7px; margin: 0 5px 3px 5px; color:White; font-weight:bold; font-size:16px; background:url('../images/fontend/bg-more-purple.png') no-repeat; text-align:right;}
        .div-purple{margin:-3px 5px; border-left:1px solid #a0f; border-right:1px solid #a0f; padding:4px 0px 0px 3px; }
        .bg-more-purple a{text-decoration:none; font-size:14px; color:#fff;}
        .bg-more-purple a:hover{color:#fff; text-decoration:underline;}
    
        /*****ORGANCES******/
        .bg-titles-orange{padding:7px; margin: 0 5px; color:White; font-weight:bold; font-size:16px; background:#f60; -moz-border-radius: 5px; border-radius: 5px;}
        .bg-more-orange{padding:7px; margin: 0 5px 0px 5px; color:White; font-weight:bold; font-size:16px; background:url('../images/fontend/bg-more-orange.png') no-repeat; text-align:right;}
        .div-orange{margin:-3px 5px; border-left:1px solid #f60; border-right:1px solid #f60; padding:4px 1px 1px 1px;}
        .div-orange a{text-decoration:none; font-size:14px; color:#006;line-height:20px;}
        .div-orange a:hover{color:#f60; text-decoration:underline;}
    
        
/****************FOOTER****************/
        .page-footer{background-color:#fff; float:left; width: 980px; margin: 10px auto 0 auto; text-align: justify;  -moz-border-radius: 3px; border-radius: 3px; border: #23bffd 1px solid; padding:10px;}
        .page-footer .left{float:left;}
        .page-footer .right{float:right;}
        .page-footer .right a{text-decoration:none;color:#006;}
        .page-footer .right a:hover{color:#006;text-shadow:1px 2px 5px #ccc;}
        .page-footer .right img{float:right;border:none;}
        
/******************ALBUM*************/
        .albumdescription {width:650px; margin:0 auto;}
        .albumdescription p{padding:10px 0; line-height:25px; margin-bottom:-10px;}
        .albumphoto{margin: 15px 0 15px 12px;width: 700px; display:inline-table;}
        .albumphoto button[type=submit]{background:none; border:none;}
        .albumphoto .album{float:left; width:215px; text-align:center; border:1px solid #a0f; box-shadow:1px 2px 5px #333;margin: 0 10px 45px 0;}
        .albumphoto .album .img200x150{height:150px; max-width:200px; margin:5px auto; border:1px solid transparent;}
        .albumphoto .album:hover, .albumphoto .album .img200x150:hover{border:1px dashed #a0f;}
        .albumphoto .album .buttonalbum{background: url(../images/fontend/icon-comment-purple.png) left no-repeat transparent;margin: 10px 0 -30px 0px;border: none;padding: 0px 0 0 25px;height: 22px; font: italic 12px verdana; color:#006; float:left;}
        .albumphoto .album a{text-decoration:none;}
        .albumphoto .album .albumlink{background: url(../images/fontend/icon-comment-purple.png) left no-repeat transparent;margin: 10px 0 -30px 0px;border: none;padding: 0px 0 0 25px;height: 22px; font: italic 12px verdana; color:#006; float:left; text-decoration:none;}
        .albumphoto .albumdetail{float:left; width:158px; text-align:center; border:1px solid #a0f; box-shadow:1px 2px 5px #333;margin: 0 10px 15px 0;}
        .albumphoto .albumdetail .img141x106{height:106px; max-width:141px; margin:5px 4px; border:1px solid transparent;}
        .albumphoto .albumdetail:hover, .albumphoto .albumdetail .img141x106:hover{border:1px dashed #a0f;}
        .albummore .h1_purple{color:#a0f;border-bottom: 1px solid #CCC;font-size: 15.5px;font-weight: bolder;padding: 0px 0 5px 20px;margin-bottom: 10px;}
        
        .clip{width:650px; margin:10px 27px 30px;}
        .cliplist{padding-bottom:30px;}
        .cliplist .h1_orange{color:#f60;border-bottom: 1px solid #CCC;font-size: 15.5px;font-weight: bolder;padding: 0px 0 5px 20px;margin-bottom: 10px;}
        .cliplist ul {list-style:none;}
        .cliplist ul li{display:inline-block; list-style:none; width:640px; margin:10px 27px 0;}
        .cliplist ul li a.buttons{background:url(../images/fontend/icon-fullscreen-orange.png) left no-repeat; border:none; padding:0 10px 0 20px;}
        .cliplist ul li a.buttons:hover{color:#f60;}
        .cliplist ul li a{text-decoration:none;color:#006;}        
        .cliplist ul li:hover{background:whitesmoke; margin-right:-30px;}
        .cliplist ul li span{font-style: italic;font-size: 11px;color: #C00;}
        
        .tab_textedit70{float:left; width:70px;}
        .fl_space{padding-left:10px;}
        .tab_textedit{float:left;}
        .tab_textstyle{background:none;border:1px dotted #ccc;border-width:0 0 1px 0;}
        .tab_areaedit{float:left;}
        .tab_button{border: 1px solid #090; -moz-border-radius: 3px; border-radius: 3px; background-color: #090; color: #fff; height: 22px; padding: 2px 6px 2px 6px;margin:0px;}
        .tab_button_comment{float:right; margin:-23px 0 0 0;}
        .tab_textarea {background: white url("../images/fontend/bg_ip.png") repeat-x;width: 582px;min-height: 50px;padding: 15px;font-size: 12px;color: black;font-family: inherit;font-weight: bold;margin: 0;border: 1px solid silver;}
        
/*************CONTACT**************/
        .contact{width:500px; margin:0 auto; padding-bottom:20px;}
        .contact p{font:normal 12px/26px Verdana, Serif;padding: 0 0 13px 0;}
        .contact .name{font: bold 22px/30px arial;text-align: center;text-transform: uppercase;color: #090;padding: 10px 0;}
        .contact .address{}
        .contact .phone{color:#f00;}/*red*/
        .contact .fax{}
        .contact .email{color:#090;}/*green*/
        .contact .website{}
        .contact img{border:none; margin:0 0 0 0;}
        .contact table{border:none; cellpadding:0; cellspacing:0;}
        .contact table td{vertical-align:middle; text-align:left; padding:5px 0 5px 8px;}
    
        .contactline{text-align:center; margin:0 auto; width:506px; display:block;padding:10px 0;background:url(../images/fontend/bg-line-blue.png) left no-repeat;}
        .contactline .contactfont{font: bold 22px/30px arial;text-align: center;text-transform: uppercase;color: #03c;padding: 0px;margin:0;display: inline-block;}
    
        .contactform{width: 400px;margin: 0 auto; padding-bottom:30px;}
        .contactform .buttons{border: 1px solid #090; -moz-border-radius: 3px; border-radius: 3px; background-color: #090; color: #fff; height: 22px; padding: 0px 6px 2px 6px; margin-top:8px; float:right;}
        .contactform span{color:#f00;}
        .contactform .captcha .captleft{float: left; width: 50%;}
        .contactform .captcha .captright{float: left;margin: -2px 0 0 7px;}
        .contactform .captcha .captsubmit{float:right; margin:-9px 0 0 0;}